<template>
  <div class="loading" v-if="isLoading">
    <a-spin tip="Loading..." :spinning="isLoading">
    </a-spin>
  </div>
</template>

<script>
export default {
  name: "Loading",
  props:{
    isLoading: {
        type: Boolean,
        default: true
      }
  }
}
</script>

<style lang="scss" scoped>
  .loading{
    display:grid;
    place-items: center;
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: rgba(222,222,222,.5);
  }
</style>
